NetDesign.png

concrete5でWebフォントを使う

Google Fonts で公開されている日本語フォントの使い方

Hello World!

Pellentesque ultricies ligula vel neque dictum, eu mollis tortor adipiscing. Etiam congue, もっと読む...

Google Fonts から M PLUS 1p (M+ Type-1) を使ってみました。
Thin 自然の美しさ
Light 自然の美しさ
Regular 自然の美しさ
Medium 自然の美しさ
Bold 自然の美しさ
Heavy 自然の美しさ
Black 自然の美しさ

準 備

コンポーザー ⇒ SEO ⇒ 追加ヘッダー要素

以下のコードを 追加ヘッダー要素 に貼り付ける

<link rel="stylesheet" type="text/css"
 href="http://mplus-fonts.sourceforge.jp/webfonts/basic_latin/mplus_webfonts.css">
<link rel="stylesheet" type="text/css"
 href="http://mplus-fonts.sourceforge.jp/webfonts/general-j/mplus_webfonts.css">

SEO 追加ヘッダー要素.png

テキスト入力

TEXT入力.png


入力後 ”ソース” を修正。

TEXTソース.png

 

<p style="font-family: 'M+ Type-1 (general-j) Thin','M+ C Type-1 (basic latin) Thin';"><span style="font-size:24px;"> 自然</span><br /></p>

 

TEXTGoogle.png      Google Fonts M+1

中国語

<link rel = "preconnect" href = "https://fonts.googleapis.com">
<link rel = "preconnect" href = "https://fonts.gstatic.com" crossorigin>
<link href = "https: //fonts.googleapis.com/css2?family = Noto + Sans + SC:wght @ 300; 400& display = swap "rel =" stylesheet ">
<p style="font-family: 'Noto Sans SC'、sans-serif;><span style="font-size:80px;">忙中有错</span><br /></p>
Last Post
Topics
トピックスがありません。

ロードディング中